<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>添加导购员</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
        .textEff {
            background-color: #efffff;
        }

        .checkbox-inline input[type=checkbox], .radio-inline input[type=radio] {
            margin-top: 2px;
        }

    </style>

</head>

<body class="white-bg" style="padding: 2px;">
<div class="page-heade">
    <h2 class="title_color text-center">添加导购员</h2>
</div>
<div class="bs-docs-container" id="main">
    <div class="">
        <div class="col-md-12" role="main" style="padding: 4px">
            <div class="bs-docs-section">
                <form action="" class="form-inline">
                    <table class="table-bordered table row-margin-top" style="margin-bottom: 0">
                        <tr>
                            <td class="text-center" style="min-width: 130px;width: 130px">姓名<span
                                    class="colorRed">*</span></td>
                            <td><input type="text" class="form-control" id="" name=""><span
                                    class="fa fa-question colorRed lr_5" title='姓名不能重复' style="font-size: 18px"></span>
                            </td>
                            <td class="text-center" style="min-width: 130px;width: 130px">工牌号<span
                                    class="colorRed">*</span></td>
                            <td colspan="3"><input type="text" class="form-control"></td>
                            <td class="text-center" rowspan="7" style="width: 180px">
                                <div style="width: 80%;height: 120px" class="form-group text-center">
                                    <a id="personPicA" rel="example_group1" href="javascript:void(0);">
                                        <img id="personPic" alt="个人近照"
                                             src="__STATIC__/layout/img/nopic_boy.gif"
                                             height="130" width="100"/></a>
                                </div>
                                <div class="text-center" style="margin-top: 20px">
                                    <a href="javascript:checkpaperPic()">一寸免冠照片上传</a>
                                </div>
                                <input type="hidden" name="paperPic" id="paperPic"/> <input
                                    type="hidden" id="uploadUIId2" name="uploadUIId2"/>
            </div>
            </td>
            </tr>
            <tr>
                <td class="text-center">所属主网点<span class="colorRed">*</span></td>
                <td>
                 <div class="input-group">
                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询"
                                   class="form-control" value="" style="min-width: 150px;width: 150px">
                            <div class="input-group-btn">
                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:;" id="select_area">选择</a>
                </td>
                <td  class="text-center">更多所属网点</td>
                <td colspan="3">
                   <div class="input-group">
                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询"
                                   class="form-control" value="" style="min-width: 150px;width: 150px">
                            <div class="input-group-btn">
                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:;" id="select_area">选择</a>
                </td>
              </tr>
              <tr>
                 <td class="text-center">岗位类型<span class="colorRed">*</span></td>
                 <td>
                    <select name="" id="" class="form-control select">
                        <option value="0">请选择</option>
                    </select>
                 </td>
                 <td class="text-center" style="min-width: 130px">入职时间<span class="colorRed">*</span></td>
                 <td>
                    <input type="text" class="form-control layer-date" name="" id="">
                 </td>
                 <td class="text-center">转正时间</td>
                 <td><input type="text" class="form-control layer-date" id="" name="" ></td>
              </tr>
              <tr>
                 <td class="text-center">管理费(元/月)</td>
                 <td><input type="text" class="form-control" id=""></td>
                 <td class="text-center">保险(元/月)</td>
                 <td><input type="text" class="form-control" name="" id=""></td>
                 <td class="text-center">杂费(元/月)</td>
                 <td><input type="text" class="form-control" id="" name=""></td>
              </tr>
              <tr>
                <td class="text-center">其他补贴(元/月)</td>
                <td>
                  <input type="text" class="form-control" name="" id="">
                </td>
                <td class="text-center">身份证号码<span class="colorRed">*</span></td>
                <td><input type="text" class="form-control"></td>
                <td class="text-center">民族</td>
                <td><input type="text" class="form-control"></td>
              </tr>
              <tr>
                <td class="text-center">是否签订合同<span class="colorRed">*</span></td>
                <td>
                   <label for="yqdht">
                      <input type="radio" id="yqdht" name="isqdht">是
                   </label>
                    <label for="nqdht">
                      <input type="radio" id="nqdht" name="isqdht" checked>否
                   </label>
                </td>
                <td class="text-center">性别<span class="colorRed">*</span></td>
                <td>
                    <label for="ysex">
                        <input type="radio" name="sex" id="ysex" checked>男
                    </label>
                    <label for="nsex">
                        <input type="radio" name="sex" id="nsex">女
                    </label>
                </td>
                <td class="text-center">是否允许返聘</td>
                <td>
                    <label for="yfpin">
                        <input type="radio" name="isfpin" id="yfpin" value="1" checked>是
                    </label>
                    <label for="nfpin">
                        <input type="radio" name="isfpin" id="nfpin" value="0">否
                    </label>
                </td>
              </tr>
              <tr>
                <td class="text-center">手机号<span class="colorRed">*</span></td>
                <td><input type="text" class="form-control" id="" name="" ></td>
                <td class="text-center">微信号</td>
                <td><input type="text" class="form-control" id="" name=""></td>
                <td class="text-center">邮箱</td>
                <td><input type="text" class="form-control" id="" name=""></td>
              </tr>
              <tr>
                 <td class="text-center">促销员类型<span class="colorRed">*</span></td>
                 <td>
                    <label for="cqcxy">
                        <input type="radio" name="cxykind" id="cqcxy">长期促销员
                    </label>
                    <label for="lscxy">
                        <input type="radio" name="cxykind" id="lscxy">临时促销员
                    </label>
                 </td> 
                 <td class="text-center">出生日期</td>
                 <td><input type="text" class="form-control layer-date" name="" id=""></td>
                 <td colspan="3"></td>
              </tr>
              <tr>
                <td class="text-center">所属品牌</td>
                <td colspan="6">
                   <div class="input-group">
                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询"
                                   class="form-control" value="" style="min-width: 150px;width: 150px">
                            <div class="input-group-btn">
                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:;" id="select_area">选择</a>
                </td>
              </tr>
                <tr>
                <td class="text-center">所属品类</td>
                <td colspan="6">
                   <div class="input-group">
                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询"
                                   class="form-control" value="" style="min-width: 150px;width: 150px">
                            <div class="input-group-btn">
                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:;" id="select_area">选择</a>
                </td>
              </tr>
              <tr>
                <td class="text-center">招聘渠道</td>
                <td><input type="text" class="form-control" id="" name=""></td>
                <td class="text-center">导购等级</td>
                <td>
                   <select name="" id="" class="form-control select">
                      <option value="0">请选择</option>
                   </select>
                </td>
                <td class="text-center">招聘推荐人及部门</td>
                <td colspan="2">
                   <div class="input-group">
                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询"
                                   class="form-control" value="" style="min-width: 150px;width: 150px">
                            <div class="input-group-btn">
                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                </ul>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:;" id="select_area">选择</a>
                </td>
              </tr>
              <tr>
                <td class="text-center">紧急联系人</td>
                <td><input type="text" class="form-control" id="" name=""></td>
                <td class="text-center">紧急联系人电话</td>
                <td><input type="text" class="form-control" id="" name=""></td>
                <td class="text-center">与导购员关系</td>
                <td colspan="2"><input type="text" class="form-control" id="" name=""></td>
              </tr>
              <tr>
                <td class="text-center">开户行</td>
                <td><input type="text" class="form-control" id="" name=""></td>
                <td class="text-center">银行账号</td>
                <td colspan="4"><input type="text" class="form-control" id="" name=""></td>
              </tr>
              <tr>
                <td class="text-center">现居住地址</td>
                <td colspan="6">
                <div class="form-group" style="padding: 2px">
                      省：
                  <select name="" id="" class="form-control select">
                      <option value="0">--请选择省份--</option>
                  </select>
                  市：
                   <select name="" id="" class="form-control select">
                      <option value="0">--请选择城市--</option>
                  </select>
                  县或区：
                   <select name="" id="" class="form-control select">
                      <option value="0">--请选择地区--</option>
                  </select>
                </div>
                <br>
                  详细地址：<input type="text" class="form-control" name="" id="" style="width: 50%">&nbsp;<button class="btn btn-sm btn-info" type="button">同户籍地址</button>
                </td>
              </tr>
              <tr>
                <td class="text-center">户籍地址</td>
                <td colspan="3">
                <div class="form-group" style="padding: 2px">
                       省：
                  <select name="" id="" class="form-control select">
                      <option value="0">--请选择省份--</option>
                  </select>
                  市：
                   <select name="" id="" class="form-control select">
                      <option value="0">--请选择城市--</option>
                  </select>
                  县或区：
                   <select name="" id="" class="form-control select">
                      <option value="0">--请选择地区--</option>
                  </select>&nbsp;<button class="btn btn-sm btn-info" type="button">同现居住地址</button>
                </div>
                 <br>
                  详细地址：<input type="text" class="form-control" name="" id="" style="width: 60%">
                </td>
                <td class="text-center">户口性质</td>
                <td colspan="2">
                  <select name="" id="" class="form-control select">
                        <option value="0">请选择</option>
                  </select>
                </td>
              </tr>
             <tr>
                <td class="text-center">目前状态<span class="colorRed">*</span></td>
                <td colspan="3">
                  <label for="zaizhi">
                      <input type="radio" name="nowState" id="zaizhi" value="0" checked>在职
                  </label>
                  <label for="shiy">
                      <input type="radio" name="nowState" id="shiy" value="1">试用
                  </label>
                  <label for="lzhi">
                      <input type="radio" name="nowState" id="lzhi" value="2">离职
                  </label>
                </td>
                <td class="text-center">离职类型</td>
                <td colspan="2">
                    <label for="zaizhi">
                      <input type="radio" name="lzkind" id="zaizhi" value="0" checked>自请辞职
                  </label>
                  <label for="shiy">
                      <input type="radio" name="lzkind" id="shiy" value="1">解雇离职
                  </label>
                  <label for="lzhi">
                      <input type="radio" name="lzkind" id="lzhi" value="2">合同到期离职
                  </label>
                </td>
             </tr>
             <tr>
                <td class="text-center">工牌照片</td>
                <td style="padding: 1px">
                  <div style="height: 120px;width: 100px" class="form-group">
                    <img src="" alt="" style="width: 100%;height: 100%">
                  </div>
                  <a href="javascript:;">工牌上传</a>&nbsp;
                  <a href="javascript:;">清除</a>
                </td>
                   <td class="text-center">身份证照片</td>
                    <td style="padding: 1px">
                  <div style="height: 120px;width: 100px" class="form-group">
                    <img src="" alt="" style="width: 100%;height: 100%">
                  </div>
                  <a href="javascript:;">身份证上传</a>&nbsp;
                  <a href="javascript:;">清除</a>
                </td>
                   <td class="text-center">银行卡照片</td>
                   <td style="padding: 1px" colspan="2">
                    <div style="height: 120px;width: 100px" class="form-group">
                    <img src="" alt="" style="width: 100%;height: 100%">
                    </div>
                  <a href="javascript:;">银行卡上传</a>&nbsp;
                  <a href="javascript:;">清除</a>
                </td>
             </tr>
             <tr>
                <td class="text-center">备注</td>
                <td colspan="6">
                  <textarea name="" id="" style="width: 60%;height: 50px;resize: none;" class="form-control"></textarea>
                </td>
             </tr>
            </table>
            </form>
             <div class="form-group white-bg" style="margin:20px 10px 20px 20px;">
            <div id="uploader" class="wu-example">
                <!--用来存放文件信息-->
                <div id="thelist" class="uploader-list">
                                   </div>
                <div class="btns">
                    <div id="picker">上传附件</div>
                    <button id="ctlBtn" class="btn btn-default">开始上传</button>
                </div>
                <input type="hidden" name="attach" id="attach"  >
            </div>
            <span>注：最多上传15个文件，每个文件小于50M,支持格式：</span><br>jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav
        </div>

</div>
<div class="padding-10 text-center">
    <input type="button" class="btn btn-primary" value="提交"/><span class="lr_5"></span>
    <input type="button" class="btn btn-warning" onclick="back()" value="返回"/>
</div>

</div>
</div>
</div>
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/suggest/bootstrap-suggest.min.js"></script>

<!-- <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script> -->
<script src="__STATIC__/layout/js/contabs_sub.js"></script>

<script>
    $(function () {
        $('body').on('click', 'input[type=text]', function () {
            this.select()
        })
    })


</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>

    $(document).ready(function () {

        if ($("#recordNov").val() == "") {
            $
        }
    })

    var jieshou = $("#area_id");
    sousuo(jieshou);

    function sousuo(id) {
        id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

    }

    function back() {
        history.go(-1)
    }
</script>
</body>

</html>